<template>
<v-touch v-on:swiperight="onSwipeRight" :swipe-options="{direction: 'horizontal'}">
  <div style="display:flex;flex-direction:column;align-items: center;width: 100%;height:100%; background:linear-gradient(0deg,rgba(85,125,234,1) 0%,rgba(76,59,217,1) 100%)" class="main">
    <div style="position:relative;height: 60px;width: 92%;display:flex;flex-direction:row;align-items: center; padding-bottom: 5%;">
      <img style="position:absolute;display:block;width:13%;left:0%;" src="../assets/img/logo_1.png">
      <img style="position:absolute;display:block;width:29%;left:15%" src="../assets/img/logo_2.png">
      <img style="position:absolute;display:block;width:5%;right:0%" src="../assets/img/guanbi.png" @click="backhome">
    </div>
    <div style="display:flex;flex-direction:column;align-items: center;width: 92%; background:rgba(238,250,255,1);box-shadow:0px 1px 18px 0px rgba(47,35,170,0.59);margin-bottom: 10%; ">
        <div  style="position:relative;width: 50%; top: -15px;">
            <img src="../assets/img/webstyle2.png" style="width: 100%;height:auto">
         </div>
        <div  style="width: 94%;    ">
            <img src="../assets/img/weblogin2.png" style="width: 100%;">
         </div>
         <div  style="width: 94%;" >
            <img src="../assets/img/webproject2_1.png" style="width: 100%;">
         </div>
         <div  style="width: 94%;    margin-bottom: 5%;">
            <img src="../assets/img/webproject2_2.png" style="width: 100%;">
         </div>
    </div>

  </div>
</v-touch>
</template>

<script>
import { Divider, Toast, Card, Radio } from "vux";
export default {
  name: "vote",
  // inject:['reload'],
  components: {
    Toast,
    Divider,
    Card,
    Radio
  },

  data() {
    return {
    };
  },

  mounted() {
  },

  methods: {
    onSwipeRight() {
      this.$router.push("vote");
    },
    backhome() {
      this.$router.push("vote");
    },

 
  },

  computed: {},

  watch: {}
};
</script>

<style scoped>

</style>
